
<div class="main-content">
    <!--<div class="alert alert-info display-none" style="position:fixed;right:0;bottom:0" ng-show="AlertShowFlag">-->
        <!--<a class="close" ng-click="closeThisAlert()"><i class="fa fa-close"></i></a>-->
        <!--{{AlertString}}-->
    <!--</div>-->
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <!-- BOX -->
            <div class="box border green chat-window" style="height:500px;overflow-y:scroll" id="chat-window">
                <div class="box-title">
                    <h4><i class="fa fa-comments"></i>聊啊聊到天荒地老</h4>
                    <div class="tools">
                        <a href="#box-config" data-toggle="modal" class="config">
                            <i class="fa fa-cog"></i>
                        </a>
                        <a href="javascript:;" class="reload">
                            <i class="fa fa-refresh"></i>
                        </a>
                        <a href="javascript:;" class="collapse">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                        <a href="javascript:;" class="remove">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                </div>
                <div class="box-body big">
                    <div class="scroller" data-height="450px" data-always-visible="1" data-rail-visible="1">
                        <ul class="media-list chat-list">
                            <li class="media">
                                <a class="pull-left" href="#">
                                    <img class="media-object" alt="Generic placeholder image" src="assets/img/chat/headshot1.jpg">
                                </a>
                                <div class="media-body chat-pop">
                                    <h4 class="media-heading">李大哥的机器人<span class="pull-right"><i class="fa fa-clock-o"></i> <abbr class="timeago" title="Oct 9, 2013" >Apr 31 2017</abbr> </span></h4>
                                    <p>有什么问题要求我？</p>

                                </div>
                            </li>
                            <li ng-repeat="item in chatList" class="media">
                                <a class="{{item.type==0?'pull-right':'pull-left'}}" href="#">
                                    <img class="media-object"  alt="Generic placeholder image" ng-src="{{item.img}}">
                                </a>
                                <div class="{{item.type==0?'pull-right media-body chat-pop':'media-body chat-pop'}}">
                                    <h4 class="media-heading">{{item.name}}<span class="{{item==0?'pull-left':'pull-right'}}"><i class="fa fa-clock-o"></i><abbr class="timeago" title="Oct 10, 2013" >{{item.time|date:"MM dd,yyyy"}}</abbr></span></h4>
                                    {{item.msg}}<a ng-show="item.link!=null" style="cursor:pointer" ng-click="openLink(item.link)">{{item.link}}</a>
                                    <div  ng-repeat="x in item.list">
                                        {{$index+1}}&nbsp;&nbsp;<a style="cursor:pointer" ng-click="openLink(x.detailurl)">{{x.detailurl}}</a><br/>
                                        &nbsp;&nbsp;&nbsp;{{x.name}}:&nbsp;&nbsp;{{x.info}}
                                </div>
                            </li>

                            <li></li>
                        </ul>
                    </div>
                    <!--<div class="divide-20"></div>-->
                </div>
            </div>
            <div class="chat-form">
                <div class="input-group">
                    <input type="text" class="form-control" ng-model="input" ng-keypress="press(this.value)">
                    <span class="input-group-btn"> <button class="btn btn-primary" type="button" ng-click="submit()"><i class="fa fa-check"></i></button> </span>
                </div>
            </div>
            <!-- /BOX -->
        </div>
    </div>
</div>
